<!-- top navigation -->
<div class="top_nav">
	<div class="nav_menu">
		<div class="nav toggle">
			<a id="menu_toggle"><i class="fa fa-bars"></i></a>
		</div>
		<nav class="nav navbar-nav">
			<ul class=" navbar-right">
				<input type="hidden" id="userId" th:value="${session.user.id}"/>
				<li class="nav-item dropdown open" style="padding-left: 15px;">
					<a href="javascript:;" class="user-profile dropdown-toggle"
					   aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown"
					   aria-expanded="false">
						<img name="userImage" th:src="${session.user.userImage}" alt="">
						<span name="userName" th:text="${session.user.userName}"></span>
					</a>
					<div class="dropdown-menu dropdown-usermenu pull-right"
						 aria-labelledby="navbarDropdown">
						<a class="dropdown-item" href="javascript:;"> Profile</a>
						<a class="dropdown-item" href="javascript:;">
							<span class="badge bg-red pull-right">50%</span> <span>Settings</span>
						</a>
						<a class="dropdown-item" href="javascript:;">Help</a>
						<a class="dropdown-item" href="/logout">
							<i class="fa fa-sign-out pull-right"></i> Log Out
						</a>
					</div>
				</li>

				<li role="presentation" class="nav-item dropdown open">
					<a href="javascript:;" class="dropdown-toggle info-number"
					   id="navbarDropdown1" data-toggle="dropdown" aria-expanded="false">
						<i class="fa fa-envelope-o"></i> <span class="badge bg-green">2</span>
					</a>
					<ul class="dropdown-menu list-unstyled msg_list" role="menu"
						aria-labelledby="navbarDropdown1">
						<li class="nav-item">
							<a class="dropdown-item">
								<span class="image">
									<img src="/images/img.jpg" alt="Profile Image" />
								</span>
								<span>
									<span>Hyman Hu</span>
									<span class="time">3 mins ago</span>
								</span>
								<span class="message"> Film festivals used to be
									do-or-die moments for movie makers. They were where... 
								</span>
							</a>
						</li>
						<li class="nav-item">
							<div class="text-center">
								<a class="dropdown-item">
									<strong>See All Alerts</strong>
									<i class="fa fa-angle-right"></i>
								</a>
							</div>
						</li>
					</ul></li>
			</ul>
		</nav>
	</div>
</div>
<!-- /top navigation -->